﻿<UserControl x:Class="eventr.View.IE8Popup"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Width="500" Height="300" xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">
    <Grid x:Name="LayoutRoot" Background="{x:Null}" RenderTransformOrigin="0.496,1.003">
    	<Grid.RenderTransform>
    		<TransformGroup>
    			<ScaleTransform ScaleX="0" ScaleY="0"/>
    			<SkewTransform/>
    			<RotateTransform/>
    			<TranslateTransform/>
    		</TransformGroup>
    	</Grid.RenderTransform>

    	<vsm:VisualStateManager.VisualStateGroups>
    		<vsm:VisualStateGroup x:Name="PopupStates">
    			<vsm:VisualState x:Name="Out">
    				<Storyboard>
    					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="LayoutRoot" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
    						<SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="1.1"/>
    						<SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1"/>
    					</DoubleAnimationUsingKeyFrames>
    					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="LayoutRoot" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
    						<SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="1.1"/>
    						<SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1"/>
    					</DoubleAnimationUsingKeyFrames>
    				</Storyboard>
    			</vsm:VisualState>
    			<vsm:VisualState x:Name="In">
    				<Storyboard>
    					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="LayoutRoot" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
    						<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1.1"/>
    						<SplineDoubleKeyFrame KeyTime="00:00:00.4000000" Value="0"/>
    					</DoubleAnimationUsingKeyFrames>
    					<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="LayoutRoot" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
    						<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1.1"/>
    						<SplineDoubleKeyFrame KeyTime="00:00:00.4000000" Value="0"/>
    					</DoubleAnimationUsingKeyFrames>
    				</Storyboard>
    			</vsm:VisualState>
    		</vsm:VisualStateGroup>
    	</vsm:VisualStateManager.VisualStateGroups>
    	<Border BorderBrush="{x:Null}" Height="Auto" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Width="Auto" BorderThickness="2,2,2,2" CornerRadius="5,5,5,5">
    		<Border.Background>
    			<LinearGradientBrush EndPoint="0.771,0.284" StartPoint="0.229,0.716">
    				<GradientStop Color="#FFFFFFFF"/>
    				<GradientStop Color="#FF0097FF" Offset="1"/>
    			</LinearGradientBrush>
    		</Border.Background>
    	</Border>
    	<Image Height="30" HorizontalAlignment="Left" Margin="0,0,0,14" VerticalAlignment="Bottom" Width="191" Source="../Images/ie8_logo.png" Stretch="Fill"/>
    	<Grid Height="Auto" HorizontalAlignment="Stretch" Margin="10,10,10,10" x:Name="gridIsIE8" VerticalAlignment="Stretch" Width="Auto" d:IsHidden="True">
    		<TextBlock HorizontalAlignment="Left" VerticalAlignment="Top" FontFamily="Georgia" FontSize="24" Foreground="#FF222222" Text="Hey! You've got Internet Explorer 8!" TextWrapping="Wrap"/>
    		<TextBlock HorizontalAlignment="Left" Margin="0,43,0,0" VerticalAlignment="Top" FontFamily="Trebuchet MS" FontSize="14" Text="Want to see something cool? Click the button below to install the DeepZoom Web Slice!" TextWrapping="Wrap"/>
    		<Button Height="75" HorizontalAlignment="Center" Margin="0,0,0,0" x:Name="btnInstallSlice" Style="{StaticResource NiceButton}" VerticalAlignment="Center" Width="150" Content="Install Web Slice" BorderBrush="#FF0080B4" Foreground="#FFFFFFFF" Click="btnInstallSlice_Click">
    			<Button.Background>
    				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    					<GradientStop Color="#FF00CDFF"/>
    					<GradientStop Color="#FF003946" Offset="1"/>
    					<GradientStop Color="#FF005564" Offset="0.74599999189376831"/>
    				</LinearGradientBrush>
    			</Button.Background>
    		</Button>
    	</Grid>
    	<StackPanel Height="33" HorizontalAlignment="Right" VerticalAlignment="Bottom" Width="247" Orientation="Horizontal">
    		<HyperlinkButton Content="Click here" Foreground="#FF0057A2" NavigateUri="http://www.microsoft.com/windows/internet-explorer/default.aspx" TargetName="_blank"/>
    		<TextBlock HorizontalAlignment="Right" Text="for information about Web Slices" TextWrapping="Wrap"/>
    	</StackPanel>
    	<Grid Height="Auto" x:Name="gridNotIE8" Width="Auto" Margin="10,10,10,10">
    		<TextBlock HorizontalAlignment="Left" VerticalAlignment="Top" FontFamily="Georgia" FontSize="24" Foreground="#FF222222" Text="Hey! You don't have IE8!" TextWrapping="Wrap"/>
    		<TextBlock HorizontalAlignment="Left" Margin="0,43,0,0" VerticalAlignment="Top" FontFamily="Trebuchet MS" FontSize="14" Text="Did you know that if you were using IE8 you could install the ultra cool Web Slice of this Deep Zoom? Click the button below to find out how to install IE8 today!" TextWrapping="Wrap" Width="480"/>
    		<Button Height="75" HorizontalAlignment="Center" Margin="0,0,0,0" Style="{StaticResource NiceButton}" VerticalAlignment="Center" Width="150" Content="Take me there!" BorderBrush="#FF0080B4" Foreground="#FFFFFFFF" x:Name="btnInstallIE8" Click="btnInstallIE8_Click">
    			<Button.Background>
    				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    					<GradientStop Color="#FF00CDFF"/>
    					<GradientStop Color="#FF003946" Offset="1"/>
    					<GradientStop Color="#FF005564" Offset="0.74599999189376831"/>
    				</LinearGradientBrush>
    			</Button.Background>
    		</Button>
    	</Grid>
    	<Button HorizontalAlignment="Right" VerticalAlignment="Top" Content="X" Style="{StaticResource NiceButton}" Background="#FF1DA9FF" Width="30" Height="30" Margin="0,10,10,0" BorderBrush="#FFFFFFFF" x:Name="btnClose" Click="btnClose_Click"/>

    </Grid>
</UserControl>
